@tailwind base;
@tailwind components;
@tailwind utilities;
.LogoFontStyle
{
  color: #0c0c0c;
  font-size: 20px;
  margin: 0 0 0 12px;
  font-family: Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;
  font-weight: 600;
  vertical-align: middle;

}


.login-title {
  position: relative;
  top: 2px;
  color: rgba(0,0,0,.85);
  font-weight: 600;
  font-size: 33px;
}

.global-center{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}


.head-tab {
  border: solid 1px black;
  cursor: pointer;
  transition: box-shadow 0.5s;
  -webkit-transition: box-shadow 0.5s;
  &:hover {
     box-shadow:0 0 10px gray;
   }
}



.scroll-body {
  top: ceil(50%);
  height:  calc(50%);
  align-items: center;
  padding: 1px 4px 0;
  position: absolute;
  overflow: visible;
  white-space: nowrap;
  transition: left .3s ease;
  display: flex;
}